<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:ts="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>AdminLTE | LogCatch</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

    <!-- bootstrap 3.0.2 -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- font Awesome -->
    <link href="../static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <!-- Ionicons -->
    <link href="../static/css/ionicons.min.css" rel="stylesheet" type="text/css"/>
    <!-- Theme style -->
    <link href="../static/css/AdminLTE.css" rel="stylesheet" type="text/css"/>
    <!--<link href="../static/css/glmapp.css" rel="stylesheet" type="text/css">-->
    <link href="../static/css/datepicker/datepicker.css" rel="stylesheet" type="text/css"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .input-group1 {
            position: relative;
            display: table;
            border-collapse: separate;
            margin-left: 7px;
        }

        .content1 {
            padding: 20px 15px;
            background: #f9f9f9;
        }

        .input-group-addon1 {
            padding: 15px 12px;
            font-size: 14px;
            font-weight: normal;
            line-height: 1;
            color: #555;
            text-align: center;
            background-color: #eee;
            border: 1px solid #ccc;
            height: 50px;
        }
        .selct1{
            padding: 15px 12px;
            font-size: 14px;
            height: 51px;
        }
        .form-control1 {
            border-radius: 0px !important;
            box-shadow: none;
            width: 750px;
            height: 49px;

        }

        .help-tip {
            position: relative;
            top: 1px;
            right: 35px;
            text-align: center;
            background-color: #BCDBEA;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            font-size: 14px;
            line-height: 26px;
            cursor: default;
            display: inline-block;
        }

        .help-tip:before {
            content: '?';
            font-weight: bold;
            color: #fff;
        }

        .help-tip:hover p {
            display: block;
            transform-origin: 100% 0%;

            -webkit-animation: fadeIn 0.3s ease-in-out;
            animation: fadeIn 0.3s ease-in-out;

        }

        .help-tip p {
            display: none;
            text-align: left;
            background-color: #1E2021;
            padding: 20px;
            width: 300px;
            position: absolute;
            border-radius: 3px;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
            right: -4px;
            color: #FFF;
            font-size: 13px;
            line-height: 1.4;
        }

        .help-tip p:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom-color: #1E2021;
            right: 10px;
            top: -12px;
        }

        .help-tip p:after {
            width: 100%;
            height: 40px;
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
        }

        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0;
                transform: scale(0.6);
            }

            100% {
                opacity: 100%;
                transform: scale(1);
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 100%;
            }
        }

        footer {
            width: 770px;
            font: normal 16px Arial, Helvetica, sans-serif;
            padding: 15px 35px;
            position: fixed;
            bottom: 0;
            left: 50%;
            margin-left: -420px;
            background-color: #1f1f1f;
            background-image: linear-gradient(to bottom, #1f1f1f, #101010);

            border-radius: 2px 2px 0 0;
            box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
            z-index: 1;
        }

        footer #tzine-actions iframe {
            display: inline-block;
            height: 21px;
            width: 95px;
            position: relative;
            float: left;
            margin-top: 11px;
        }

        .mt40 {
            position: relative;
            display: inline-block;
            height: 49px;
            left: -24px;
        }

        .searchbnt {
            padding: 0px 12px;
            font-size: 14px;
            text-align: center;
            height: 49px;
            display: inline-block;
            margin-left: -4px;
        }

        .linerow {
            padding: 0px 50px;
        }

        .row1 {
            margin-right: 5px;
            margin-left: 5px;
            margin-top: 20px;
        }

        /*td,th{
            text-align: center;
        }*/
        .success {
            display: none;
        }

        i {
            cursor: pointer;
        }

    </style>
</head>
<body class="skin-blue" >
<!--style="overflow: hidden"-->
<!-- header logo: style can be found in header.less -->
<header class="header">
    <a href="index.html" class="logo">
        <!-- Add the class icon to your logo image or logo icon to add the margining -->
        AdminLTE
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" role="navigation">
        <!-- Sidebar toggle button-->
        <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        <div class="navbar-right">
            <ul class="nav navbar-nav">
                <!-- User Account: style can be found in dropdown.less -->
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="glyphicon glyphicon-user"></i>
                        <span>个人中心<i class="caret"></i></span>
                    </a>
                    <ul class="dropdown-menu">
                        <!-- User image -->
                        <li class="user-header bg-light-blue">
                            <img src="../static/img/pers/rw1.png" class="img-circle" alt="User Image"/>
                            <p>
                                我
                            </p>
                        </li>
                        <!-- Menu Body -->
                        <li class="user-body">
                            <div class="col-xs-4 text-center">
                                <a href="/findManger">个人信息</a>
                            </div>
                            <div class="col-xs-4 text-center">
                                <a href="/findAllLogs">操作日志</a>
                            </div>
                            <div class="col-xs-4 text-center">
                                <a href="/login">退出登录</a>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>
<div class="wrapper row-offcanvas row-offcanvas-left">
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="left-side sidebar-offcanvas">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="../static/img/pers/rw1.png" class="img-circle" alt="User Image"/>
                </div>
                <div class="pull-left info">
                    <p>你好，管理员/p>

                    <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                </div>
            </div>
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="search" class="form-control" placeholder="搜索..."/>
                    <span class="input-group-btn">
                                <button type='submit' name='searchtoUrl' id='search-btn' class="btn btn-flat"><i
                                        class="fa fa-search"></i></button>
                            </span>
                </div>
            </form>
            <!-- /.search form -->
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li>
                    <a href="index.html">
                        <i class="fa fa-dashboard"></i> <span>首页</span>
                    </a>
                </li>
                <li class="treeview active">
                    <a href="#">
                        <i class="fa fa-bar-chart-o"></i>
                        <span>日志管理</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href="LogCatch.html" onclick="function getHistoryList() {
                            $.ajax(
                                    {
                                      type:'get',
                                      url:'/LogCatchPre',
                                      date:{
                                      pageNum:0,
                                      pageSize:8
                                    },
                                     dataType:'json',
                                    }
                                  )
                        }
                        getHistoryList()"><i class="fa fa-angle-double-right"></i>日志获取</a>
                        </li>
                        <li><a href="LogAnalysis.html"><i class="fa fa-angle-double-right"></i> 日志分析</a></li>
                        <li><a href="LogWarn.html"><i class="fa fa-angle-double-right"></i> 日志报警</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-table"></i> <span>系统管理</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="/SysRightPre"><i class="fa fa-angle-double-right"></i> 权限管理</a></li>
                        <li><a href="/PersRightPre"><i class="fa fa-angle-double-right"></i> 人员管理</a></li>
                    </ul>
                </li>
                <li>
                    <a href="calendar.html">
                        <i class="fa fa-calendar"></i> <span>日历</span>

                    </a>
                </li>
                <li>
                    <a href="/findAllMailsInBox">
                        <i class="fa fa-envelope"></i> <span>邮箱</span>

                    </a>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>
    <!-- Right side column. Contains the navbar and content of the page -->
    <aside class="right-side">
        <!-- Main content -->
        <section class="content-header no-margin">
            <h1 class="text-center">
                日志搜索
            </h1>
        </section>

        <section class="content-header">
            <h1>
                当前仓库名称：
                <strong>elasticsearch</strong>
            </h1>
        </section>
        <div class="content1">
            <div class="input-group1">
                <form action="/findDataLogByCondition" method="post">
                    <span class="input-group-addon1" id="basic-addon1">检索条件</span>
                    <select class="selct1"  id="slct" name="slct">
                        <option value="人物名称">人物名称</option>
                        <option value="物品名称">物品名称</option>
                    </select>
                    <input type="text" id="jstj" name="jstj" class="form-control1" placeholder="  请输入检索条件"
                           aria-describedby="basic-addon1">
                    <div class="help-tip">
                        <p>暂且支持通过游戏人物名称和物品名称查询日志数据.</p>
                    </div>
                    <div class="mt40">
                        <div class="c-datepicker-date-editor J-datepicker-range-between30 mt10">
                            <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
                            <input placeholder="开始日期" id="fdate" name="fdate" class="c-datepicker-data-input" value="">
                            <span class="c-datepicker-range-separator">-></span>
                            <input placeholder="结束日期" id="ldate" name="ldate" class="c-datepicker-data-input" value="">
                        </div>
                        <input type="submit" class="searchbnt" value="搜索" id="searchbnt"/>
                    </div>
                </form>
            </div>
        </div><!-- /.content -->
        <div class="gaea-view ng-scope">
            <div class="gaea-navbar ng-scope" ui-view="navbar">
                <div class="navbar-resource ng-scope">
                    <div class="resource-navbar">
                        <div class="resource-menu">
                            <ul class="resource-breadcrumb clearfix1">
                                <li class="basic-operation">
                                    <div class="linerow" id="linerow" style="display: none">
                                            <span>从</span><span th:text="${session.fdate}"/><span>到</span><span th:text="${session.ldate}"></span><span>时间段共查出</span><span
                                            th:text="${session.count}" style="color: #0a81f9"></span><span>条数据，共耗时</span><span
                                            th:text="${session.htime}" style="color: #0a81f9"></span><span>ms.</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="content-header" id="content-header1" style="display: block">
            <h1>
                您的搜索历史：
            </h1>
        </section>
        <div class="container1" id="container1" style="display: block" th:if="${searchHistories}!=null">
            <div class="row1 clearfix">
                <div class="col-md-12 column">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th width="1%">检索人</th>
                                <th width="1%">仓库名称</th>
                                <th width="1%">搜索时间</th>
                                <th width="1%">查询语句</th>
                                <th width="1%">查询结果</th>
                                <th width="1%">耗时</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="searchHistory:${searchHistories}" >
                                <td th:text="${searchHistory.operator}"></td>
                                <td th:text="${searchHistory.depository}"></td>
                                <td th:text="${searchHistory.searchtime}"></td>
                                <td th:text="${searchHistory.sentence}"></td>
                                <td th:text="${searchHistory.result}"></td>
                                <td th:text="${searchHistory.time}"></td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="modal-footer no-margin-top">
                            <ul class="pagination pull-right no-margin">
                                <!-- 首页 -->
                                <li>
                                    <a th:href="'/LogCatchPre?pageNum=0'">首页</a>
                                </li>
                                <!-- 上一页 -->
                                <li th:if="${searchHistories.hasPrevious()}">
                                    <a th:href="'/LogCatchPre?pageNum=' + ${searchHistories.previousPageable().getPageNumber()}"
                                       th:text="上一页"></a>
                                </li>
                                <!-- 中间页 -->
                                <li th:each="pageNum:${#numbers.sequence(0, searchHistories.getTotalPages() - 1)}">
                                    <a th:href="'/LogCatchPre?pageNum=' + ${pageNum}" th:text="${pageNum + 1}"
                                       th:if="${pageNum ne searchHistories.pageable.getPageNumber()}"></a>
                                    <a th:href="'/LogCatchPre?pageNum=' + ${pageNum}" th:text="${pageNum + 1}"
                                       th:if="${pageNum eq searchHistories.pageable.getPageNumber()}"
                                       th:style="'font-weight:bold;background: #6faed9;'"></a>
                                </li>
                                <!-- 下一页 -->
                                <li th:if="${searchHistories.hasNext()}">
                                    <a th:href="'/LogCatchPre?pageNum=' + ${searchHistories.nextPageable().getPageNumber()}"
                                       th:text="下一页"></a>
                                </li>
                                <!-- 尾页 -->
                                <li>
                                    <a th:href="'/LogCatchPre?pageNum=' + ${searchHistories.getTotalPages() - 1}">尾页</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container2" id="container2" style="display: none" th:if="${dataList}!=null">
            <div class="row1 clearfix">
                <div class="col-md-12 column">
                    <div class="table-responsive" th:if="${dataList}!=null">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                <th width="4%">时间</th>
                                <th colspan="2">日志</th>
                                <th width="1%"></th>
                            </tr>
                            </thead>

                            <tbody th:each="dataLogList:${dataList}">
                            <tr >
                                <td><i class="fa fa-chevron-right"  th:data-flag="${dataLogList.getId()}"/></td>
                                <td th:text="${dataLogList.date}">2020-10-21 10:19:25</td>
                                <td colspan="2" th:text="${dataLogList.toString()}">dataLogList.toString()</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <th></th>
                                <th></th>
                                <th width="10%">字段</th>
                                <th width="15%">值</th>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>序号</td>
                                <td th:text="${dataLogList.getId()}">ID</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>玩家id</td>
                                <td th:text="${dataLogList.getGamerid()}">GAMERID</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>行为标志</td>
                                <td th:text="${dataLogList.getActionid()}">ACTIONID</th>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>地图</td>
                                <td th:text="${dataLogList.getMap()}">Map</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>地图x坐标</td>
                                <td th:text="${dataLogList.getMapx()}">Mapx</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>地图y坐标</td>
                                <td th:text="${dataLogList.getMapy()}">LOGINACCOUNT</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>玩家游戏名</td>
                                <td th:text="${dataLogList.getGamername()}">GamerName</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>物品名称</td>
                                <td th:text="${dataLogList.getItemname()}">ItemName</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>物品id</td>
                                <td th:text="${dataLogList.getItemid()}">ItemId</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>交易对象</td>
                                <td th:text="${dataLogList.getTradeto()}">Tradeto</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>被交易对象</td>
                                <td th:text="${dataLogList.getTradefrom()}">Tradefrom</td>
                            </tr>
                            <tr th:class="'click'+${dataLogList.getId()}+' success'">
                                <td></td>
                                <td></td>
                                <td>时间</td>
                                <td th:text="${dataLogList.getDate()}">DATE</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </aside><!-- /.right-side -->
</div><!-- ./wrapper -->
<script src="../static/js/right/jquery.min.js"></script>
<!-- jQuery 2.0.2
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>-->
<!-- jQuery UI 1.10.3 -->
<script src="../static/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<!-- Bootstrap -->
<script src="../static/js/bootstrap.min.js" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="../static/js/AdminLTE/app.js" type="text/javascript"></script>
<script src="../static/js/dateTime.min.js" type="text/javascript"></script>
<script src="../static/js/datepicker/plugins/moment.min.js"></script>
<script src="../static/js/datepicker/datepicker.all.min.js"></script>
<script src="../static/js/datepicker/datepicker.en.js"></script>
<script src="../static/js/datepicker/datapicker-separate/api.js"></script>
<script src="../static/js/datepicker/datapicker-separate/year.js"></script>
<script src="../static/js/datepicker/datapicker-separate/month.js"></script>
<script src="../static/js/datepicker/datapicker-separate/day.js"></script>
<script src="../static/js/datepicker/datapicker-separate/time.js"></script>
<script src="../static/js/datepicker/datapicker-separate/time-only-time.js"></script>
<script src="../static/js/datepicker/datapicker-separate/datepicker.js"></script>
<script src="../static/js/datepicker/datapicker-separate/datepicker-only-time.js"></script>
<script type="text/javascript">
    $(function () {
        //选择时分秒
        $('.J-datepicker-time').datePicker({
            format: 'HH:mm:ss',
            min: '04:23:11'
        });
        $('.J-datepicker-time-range').datePicker({
            format: 'HH:mm:ss',
            isRange: true,
            min: '04:23:11',
            max: '20:59:59'
        });
        //时分秒年月日单个
        $('.J-datepicker-en').datePicker({
            hasShortcut: true,
            min: '2018-01-01 04:00:00',
            max: '2019-04-29 20:59:59',
            language: 'en',
            shortcutOptions: [{
                name: 'today',
                day: '0'
            }, {
                name: 'yesterday',
                day: '-1',
                time: '00:00:00'
            }, {
                name: 'last week',
                day: '-7'
            }],
            hide: function () {
                console.info(this)
            }
        });
        var DATAPICKERAPI = {
            // 默认input显示当前月,自己获取后填充
            activeMonthRange: function () {
                return {
                    begin: moment().set({'date': 1, 'hour': 0, 'minute': 0, 'second': 0}).format('YYYY-MM-DD HH:mm:ss'),
                    end: moment().set({'hour': 23, 'minute': 59, 'second': 59}).format('YYYY-MM-DD HH:mm:ss')
                }
            },
            shortcutMonth: function () {
                // 当月
                var nowDay = moment().get('date');
                var prevMonthFirstDay = moment().subtract(1, 'months').set({'date': 1});
                var prevMonthDay = moment().diff(prevMonthFirstDay, 'days');
                return {
                    now: '-' + nowDay + ',0',
                    prev: '-' + prevMonthDay + ',-' + nowDay
                }
            },
            // 近n小时计算返回
            shortcutPrevHours: function (hour) {
                var nowDay = moment().get('date');
                var prevHours = moment().subtract(hour, 'hours');
                var prevDate = prevHours.get('date') - nowDay;
                var nowTime = moment().format('HH:mm:ss');
                var prevTime = prevHours.format('HH:mm:ss');
                return {
                    day: prevDate + ',0',
                    time: prevTime + ',' + nowTime,
                    name: '近' + hour + '小时'
                }
            },
            // 注意为函数：快捷选项option:只能同一个月份内的
            rangeMonthShortcutOption1: function () {
                var result = DATAPICKERAPI.shortcutMonth();
                // 近18小时
                var resultTime = DATAPICKERAPI.shortcutPrevHours(18);
                return [{
                    name: '昨天',
                    day: '-1,-1',
                    time: '00:00:00,23:59:59'
                }, {
                    name: '这一月',
                    day: result.now,
                    time: '00:00:00,'
                }, {
                    name: '上一月',
                    day: result.prev,
                    time: '00:00:00,23:59:59'
                }, {
                    name: resultTime.name,
                    day: resultTime.day,
                    time: resultTime.time
                }];
            },
            // 快捷选项option
            rangeShortcutOption1: [{
                name: '最近一周',
                day: '-7,0'
            }, {
                name: '最近一个月',
                day: '-30,0'
            }, {
                name: '最近三个月',
                day: '-90, 0'
            }],
            singleShortcutOptions1: [{
                name: '今天',
                day: '0',
                time: '00:00:00'
            }, {
                name: '昨天',
                day: '-1',
                time: '00:00:00'
            }, {
                name: '一周前',
                day: '-7'
            }]
        };
        //时分秒年月日单个
        $('.J-datepicker').datePicker({
            hasShortcut: true,
            min: '2018-01-01 04:00:00',
            max: '2019-04-29 20:59:59',
            shortcutOptions: [{
                name: '今天',
                day: '0'
            }, {
                name: '昨天',
                day: '-1',
                time: '00:00:00'
            }, {
                name: '一周前',
                day: '-7'
            }],
            hide: function () {
                console.info(this)
            }
        });
        //年月日单个
        $('.J-datepicker-day').datePicker({
            hasShortcut: true,
            format: 'YYYY-MM-DD',
            shortcutOptions: [{
                name: '今天',
                day: '0'
            }, {
                name: '昨天',
                day: '-1'
            }, {
                name: '一周前',
                day: '-7'
            }]
        });
        //年月日范围
        $('.J-datepicker-range-day').datePicker({
            hasShortcut: true,
            format: 'YYYY-MM-DD',
            isRange: true,
            shortcutOptions: DATAPICKERAPI.rangeShortcutOption1
        });

        //十分年月日单个
        $('.J-datepickerTime-single').datePicker({
            format: 'YYYY-MM-DD HH:mm'
        });

        //十分年月日范围
        $('.J-datepickerTime-range').datePicker({
            format: 'YYYY-MM-DD HH:mm',
            isRange: true
        });

        //时分秒年月日范围，包含最大最小值
        $('.J-datepicker-range').datePicker({
            hasShortcut: true,
            min: '2018-01-01 06:00:00',
            max: '2019-04-29 20:59:59',
            isRange: true,
            shortcutOptions: [{
                name: '昨天',
                day: '-1,-1',
                time: '00:00:00,23:59:59'
            }, {
                name: '最近一周',
                day: '-7,0',
                time: '00:00:00,'
            }, {
                name: '最近一个月',
                day: '-30,0',
                time: '00:00:00,'
            }, {
                name: '最近三个月',
                day: '-90, 0',
                time: '00:00:00,'
            }],
            hide: function (type) {
                console.info(this.$input.eq(0).val(), this.$input.eq(1).val());
                console.info('类型：', type)
            }
        });
        //时分秒年月日范围，限制只能选择同一月，比如2018-10-01到2018-10-30
        $('.J-datepicker-range-betweenMonth').datePicker({
            isRange: true,
            between: 'month',
            hasShortcut: true,
            shortcutOptions: DATAPICKERAPI.rangeMonthShortcutOption1()
        });
        //时分秒年月日范围，限制开始结束相隔天数小于30天
        $('.J-datepicker-range-between30').datePicker({
            isRange: true,
            between: 30
        });
        //年月单个
        $('.J-yearMonthPicker-single').datePicker({
            format: 'YYYY-MM',
            min: '2018-01',
            max: '2019-04',
            hide: function (type) {
                console.info(this.$input.eq(0).val());
            }
        });
        //选择年
        $('.J-yearPicker-single').datePicker({
            format: 'YYYY',
            min: '2018',
            max: '2020'
        });
    });
</script>
<script th:inline="javascript">
    $(document).ready(function () {
        if ([[${session?.count}]] !== null) {
            $("#linerow").css("display", "block");
            $("#content-header1").css("display", "none");
            $("#container1").css("display", "none");
            $("#container2").css("display", "block");
        }
    });
</script>
<script type="text/javascript">
    $(".fa-chevron-right").on('click', function (event) {
        var flag = $(this).attr("data-flag");
        $(".click" + flag).toggle();
        var $this = $(this);
        if ($this.hasClass('fa-chevron-right')) {
            $this.removeClass('fa-chevron-right').addClass('fa-chevron-down');
        } else {
            $this.removeClass('fa-chevron-down').addClass('fa-chevron-right');
        }
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#searchbnt").click(function () {
            var data=$("#jstj").val();
            var fdate=$("#fdate").val();
            var ldate=$("#ldate").val();
            if(data==''){
                alert("请输入检索条件！")
                return false;
            }else{
                if(fdate==''){
                    alert("请选择开始时间")
                    return false;
                }else{
                    if(ldate==''){
                        alert("请选择结束时间")
                        return false;
                    }else{
                        $("#searchbnt").submit();
                    }
                }
            }
        })
    });
</script>
</body>
</html>